

//动态生成iframe 防止iframe加载两次页面请求重复的接口等文件
function iframeCreate (Parent, element) {
    var ifr = document.createElement("iframe");
    ifr.src = './schedule.html';
    ifr.className = element
    ifr.frameBorder = 0;
    console.log($(Parent))
    $(Parent).append(ifr)

}
$(function () {
    //初始化Swiper
    var mySwiper = new Swiper('.outer-swiper', {
        // direction: 'vertical', // 垂直切换选项
        // loop: false, // 循环模式选项
        // autoplay: {
        //     delay: 30000, 
        //     disableOnInteraction: true,
        // },
        autoplay:false,
        observer: true,
        observeParents: true,
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            paginationBulletRender: function (swiper, index, className) {
                return '<span class="spanSame span' + (index + 1) + '">' + (index + 1) + '</span>';
            },
        },
        nested: true,
        on: {
            slideChange: function () {
                // this.activeIndex  不准确 换this.realIndex
                if (this.realIndex == 0) {
                    console.log(window)
                }
                console.log('slide changed', this.realIndex);
                // mySwiper.loopDestroy();
                // mySwiper.loopCreate();

            },
        }
    })
    $(".outer-pag").on("click", "span", function () {
        var index = $(this).index();
        mySwiper.slideTo(index);
    })
    // 监听鼠标悬停事件
    // mySwiper.el.onmouseover = function () {
    //     console.log('悬浮')
    //     mySwiper.autoplay.stop();
    // }
    // 监听鼠标离开事件
    // mySwiper.el.onmouseleave = function () {
    //     mySwiper.autoplay.start();
    // }


    mySwiper.update()

    var innerSwiper = new Swiper('.inner-swiper', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 5000,
            disableOnInteraction: true,
        },
        allowTouchMove: false,
        navigation: {
            nextEl: '.swiper-button-next-inner',
            prevEl: '.swiper-button-prev-inner',
        },
        // on: {
        //     slideChange: function () {
        //         var lastIndex = innerSwiper.slides.length - 1;
        //         if (this.realIndex == lastIndex) {
        //             innerSwiper.slideTo(0, 0); // 将幻灯片滑动到第一张
        //         }
        //     },
        // }
        // 如果需要分页器
        // pagination: {
        //     el: '.swiper-pagination',
        //     paginationBulletRender: function (swiper, index, className) {
        //         return '<span class="spanSame span' + (index + 1) + '">' + (index + 1) + '</span>';
        //     },
        // },

    })
    // 监听鼠标悬停事件
    innerSwiper.el.onmouseover = function () {
        console.log('内侧悬浮')
        innerSwiper.autoplay.stop();
    }

    // 监听鼠标离开事件
    innerSwiper.el.onmouseleave = function () {
        innerSwiper.autoplay.start();
    }

    // 监听鼠标点击事件
    // innerSwiper.el.onclick = function () {
    //     console.log('点击')
    //     innerSwiper.autoplay.start();
    // }






    var innerSwiper2 = new Swiper('.inner-swiper2', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        // autoplay: {
        //     delay: 5000,
        //     disableOnInteraction: true,
        // },
        autoplay: false,
        circular: true,
        allowTouchMove: false,
        navigation: {
            nextEl: '.swiper-button-next-inner',
            prevEl: '.swiper-button-prev-inner',
        },
        // 如果需要分页器
        // pagination: {
        //     el: '.swiper-pagination',
        //     paginationBulletRender: function (swiper, index, className) {
        //         return '<span class="spanSame span' + (index + 1) + '">' + (index + 1) + '</span>';
        //     },
        // },

    })

    // 监听鼠标悬停事件
    innerSwiper2.el.onmouseover = function () {
        console.log('内侧悬浮2')
        innerSwiper2.autoplay.stop();
    }

    // 监听鼠标离开事件
    innerSwiper2.el.onmouseleave = function () {
        // innerSwiper2.autoplay.start();
    }




    $(".side ul li").hover(function () {
        $(this).find(".sidebox").stop().animate({
            "width": "110px"
        }, 200).css({
            "opacity": "1",
            "filter": "Alpha(opacity=100)",
            "background": "#ae1c1c"
        })
    }, function () {
        $(this).find(".sidebox").stop().animate({
            "width": "54px"
        }, 200).css({
            "opacity": "0.8",
            "filter": "Alpha(opacity=80)",
            "background": "#000"
        })
    });
    let screenFlg = true;
    //全屏f11
    $('.sidetop').on('click', function () {
        screenFlg = !screenFlg
        if (!screenFlg) {
            window.fullScreen()
            $('.sideboxNo').text('退出')
        } else {
            window.exitFullScreen()
            $('.sideboxNo').text('全屏')
        }
        console.log(11)
    })
    //点击菜单跳转轮播
    $(".menu_left").on("click", "li", function () {
        if ($(this).index() <= 3) {
            var index = $(this).index();
            mySwiper.slideTo(index);
        } else {
            if ($(this)[0].innerText == '关闭轮播') {
                mySwiper.autoplay.stop();
                $('#sidebox_auto').text('自动轮播')
            } else {
                mySwiper.autoplay.start();
                $('#sidebox_auto').text('关闭轮播')
            }
        }

    })
})








// let mouseTimer;
// // 监听鼠标移动事件
// document.addEventListener('mousemove', function () {
//     // 清除之前的定时器
//     clearTimeout(mouseTimer);
//     // 创建一个新的定时器，5秒后执行特定操作
//     mouseTimer = setTimeout(function () {
//         console.log('鼠标停止移动了 6 秒');
//         mySwiper.autoplay.start();
//         // 在这里执行你的操作
//     }, 5000); // 5秒 = 5000毫秒
// });



